<!--  -->
<template>
  <div class="charts" ref="charts"></div>
</template>

<script>
import * as echarts from 'echarts'
export default {
  name: 'Sale',
  data() {
    return {}
  },
  mounted(){
      let SaleChates =echarts.init(this.$refs.charts)
      SaleChates.setOption({
          xAxis:{
              show:true
          },
          yAxis:{
              show:true,
          },
          series:[
              {
                  type:'bar',
                  data:[22,33,22,33,44,11,10,6,100]
              }
          ]
      })
  }
}
</script>
<style lang='scss' scoped>
.charts{
    width: 200px;
    height: 200px;
}
</style>